<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2020/8/12
  Time: 9:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城 - 小米10 Pro、Redmi 10X、小米MIX Alpha，小米电视官方网站</title>
    <!--标题图标-->
    <link rel="icon" href="../static/images/favicon.ico">
    <!--全局样式-->
    <link rel="stylesheet" href="../static/css/reset.css">
    <!--字体图标-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1981790_zwewl19ropp.css">

    <link rel="stylesheet" href="../static/layui/css/layui.css">
    <script src="../static/layui/layui.all.js"></script>

    <link rel="stylesheet" href="../static/css/homepage.css">
    <link rel="stylesheet" href="../static/js/jquery.min.js">
</head>
<body>
<!--黑色导航栏start-->
<div class="black-nav">
    <div class="wrap">
        <div class="black-nav-left">
            <ul>
                <li><a href="#">小米商城</a><span>|</span></li>
                <li><a href="#">MIUI</a><span>|</span></li>
                <li><a href="#">loT</a><span>|</span></li>
                <li><a href="#">云服务</a><span>|</span></li>
                <li><a href="../../banking/code/banking.html" style="color: red">金融</a><span>|</span></li>
                <li><a href="#">有品</a><span>|</span></li>
                <li><a href="../../xiaoai/code/xiaoai.html">小爱开放平台</a><span>|</span></li>
                <li><a href="#">企业团购</a><span>|</span></li>
                <li><a href="#">资质证照</a><span>|</span></li>
                <li><a href="../../agreement/code/agreement.html" style="color: red">协议规则</a><span>|</span></li>
                <li>
                    <a href="../../user/download/code/download.html" style="color: red">下载app</a><span>|</span>
                    <div class="download">
                        <img src="../../static/images/download.png" alt="">
                        <p>小米商城APP</p>
                    </div>
                </li>
                <li><a href="#">Select Location</a></li>
            </ul>
        </div>
        <div class="black-nav-right">
            <ul>
                <li><a href="../../user/login/code/login.html" style="color: red">登录</a><span>|</span></li>
                <li><a href="../../user/reg/code/reg.html" style="color: red">注册</a><span>|</span></li>
                <li class="shopping-car">
                    <a href="#">
                        <i class="iconfont icon-gouwuchekong"></i>购物车(0)
                    </a>
                    <div class="cart">购物车中还没有商品，赶紧选购吧！</div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--黑色导航栏end-->

<!--白色导航start-->
<div class="white-nav">
    <div class="wrap">
        <a href="#"><img src="https://s01.mifile.cn/favicon.ico" alt="" class="logo"></a>
        <a href="#"><img
                src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b06819007feedbea62aedaa3089633d2.gif?w=165&h=55"
                alt="" class="logo2"></a>
        <ul>
            <li>
                <a href="#">小米手机</a>
                <div class="nav-select">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b11742a0be47f9d97bb6a13ea580018d.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米10 青春版 5G</p><!--用span行高不生效-->
                                <p class="price">1899元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米10 Pro</p>
                                <p class="price">4999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a4a76ee684e51f0ee531ef3dc7f0aeaf.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米10</p>
                                <p class="price">3799元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3bf20f1df3f2e22c5b29ff07634f3c59.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米MIX Alpha</p>
                                <p class="price">19999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">Redmi红米</a>
                <div class="nav-select">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/31d0dc82068abcaa46464b4baa9fbbdf.jpg?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi 9A</p><!--用span行高不生效-->
                                <p class="price">499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0203f4e7dafcc0c9016a1b48556abf30.jpg?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi 9</p>
                                <p class="price">799元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cff2977b8aab1e43b94b2f00083f4ae1.jpg?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi 10X 4g</p>
                                <p class="price">999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6a6548361871303764d6c66142074524.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi 10X</p>
                                <p class="price">1599元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dacd6a3d8440b7a038e9778702bd6db6.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi K30 pro</p>
                                <p class="price">2499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ddc8849eaf164aac333bfd10627867f.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi K30</p>
                                <p class="price">1399元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">电视</a>
                <div class="nav-select">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea3390a20547c7298a258528e4aa69ad.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米电视 大师 65英寸OLED</p><!--用span行高不生效-->
                                <p class="price">12999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0112cb7e2ea8489fbd36ce3a781d5232.jpg?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi 智能电视 MAX 98''</p>
                                <p class="price">19999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f0f2d1079c767a834f098dd824bb6fee.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米电视4A 60英寸</p>
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/70f6c0c28c61e8585805565e5e16da84.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">Redmi 智能电视 X55</p>
                                <p class="price">2166元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6917267948c54c647d2009a98637aac6.jpg?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">Redmi 红米电视 70英寸 R70A</p>
                                <p class="price">2888元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/00f597a8725eee9245e383c35cd4f7b6.jpg?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米壁画电视 65英寸</p>
                                <p class="price">6999元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">笔记本</a>
                <div class="nav-select">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3e6c9a677acbb3b0c75d4d0d83e8a695.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">RedmiBook 16</p><!--用span行高不生效-->
                                <p class="price">4699元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e27b3211230c2b8c21c0ef4efcbc17bc.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">RedmiBook 14 Ⅱ</p>
                                <p class="price">4499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/d712f71b3c4a3b562601c2b956a660ad.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">Pro 15.6 2020款</p>
                                <p class="price">5999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4878fe85208eb0f5edb043717f13766a.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米笔记本Air 13.3</p>
                                <p class="price">5499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/33c6a31aaee90164ce963801bec48e64.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米笔记本Air 13.3</p>
                                <p class="price">6499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0f0f2175b9a6d4fdb0f0eeb843398044.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">显示器</p>
                                <p class="price">2199元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">家电</a>
                <div class="nav-select">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03dc85cd792904ddc8027b2d781beed8.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">米家互联网空调C1（一级能效）</p><!--用span行高不生效-->
                                <p class="price">1999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03dc85cd792904ddc8027b2d781beed8.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">米家互联网空调（一级能效）</p>
                                <p class="price">9999元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03dc85cd792904ddc8027b2d781beed8.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">Redmi全自动波轮洗衣机1A</p>
                                <p class="price">8499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03dc85cd792904ddc8027b2d781beed8.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">米家互联网洗烘一体机10kg</p>
                                <p class="price">2099元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03dc85cd792904ddc8027b2d781beed8.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">米家风冷对开门冰箱 483L</p>
                                <p class="price">2269元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/03dc85cd792904ddc8027b2d781beed8.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">米家两门冰箱 160L</p>
                                <p class="price">9299元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">路由器</a>
                <div class="nav-select">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/359d3c63cc159949d8fe147a11b4bc40.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">Redmi路由器 AX5</p><!--用span行高不生效-->
                                <p class="price">249元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/359d3c63cc159949d8fe147a11b4bc40.png?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米路由器 AX1800</p>
                                <p class="price">329元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/359d3c63cc159949d8fe147a11b4bc40.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米AIoT路由器AX3600</p>
                                <p class="price">599元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/359d3c63cc159949d8fe147a11b4bc40.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">Redmi路由器AC2100</p>
                                <p class="price">159元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/359d3c63cc159949d8fe147a11b4bc40.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米路由器AC2100</p>
                                <p class="price">199元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/359d3c63cc159949d8fe147a11b4bc40.png?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米路由器 Mesh</p>
                                <p class="price">799元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#">智能硬件</a>
                <div class="nav-select">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/f6e585a4bf5c0f744ca60f19ecd6fadf.jpg?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米米家智能摄像机云台版</p><!--用span行高不生效-->
                                <p class="price">179元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/f6e585a4bf5c0f744ca60f19ecd6fadf.jpg?thumb=1&w=160&h=110"
                                     alt="">
                                <p class="title">小米小爱老师</p>
                                <p class="price">399元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/f6e585a4bf5c0f744ca60f19ecd6fadf.jpg?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米米家智能门锁</p>
                                <p class="price">119元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/f6e585a4bf5c0f744ca60f19ecd6fadf.jpg?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">Redmi小爱触屏音箱 8</p>
                                <p class="price">3499元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/f6e585a4bf5c0f744ca60f19ecd6fadf.jpg?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">小米小爱触屏音箱</p>
                                <p class="price">119元起</p>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img
                                    src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/f6e585a4bf5c0f744ca60f19ecd6fadf.jpg?thumb=1&w=160&h=110"
                                    alt="">
                                <p class="title">Redmi小爱音箱 Play</p>
                                <p class="price">79元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </li>
            <li><a href="../../service/code/service.html" style="color: red">服务</a></li>
            <li><a href="../../community/code/community.html" style="color: red">社区</a></li>
            <li>
                <div class="box">
                    <input type="text" placeholder="洗碗机"><!--可改进-->
                    <button><i class="iconfont icon-sousuo"></i></button>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--白色导航end-->
</body>
</html>